html body {
    background: #efeff4
}.android.pho_detail_container {
    overflow: visible
}.top_nav {
    position: fixed;
    top: 0;
    height: 44px;
    width: 100 % ;
    line - height: 44px;
    z - index: 100;
    box - sizing: border - box;
    margin: 0 auto;
    display: none;
    background - color: #f4f7f7;
    border - bottom: 1px solid#dcdcdf
}#top_nav_barname,
#top_nav_info {
    color: gray
}#enter_bar_btn {
    position: absolute;
    right: 10px;
    top: 6px;
    color: #324d82;
    height: 28px;
    width: 70px;
    text - align: center;
    line - height: 28px;
    font - size: 13px
}#enter_bar_btn: after {
    border - color: #324d82;
    border - radius: 10px
}.android#enter_bar_btn {
    line - height: 32px
}.item - key - value {
    font - size: 14px;
    color: #a6a6a6
}.item - key - value span: first - child {
    float: left;
    color: #000;
    margin - left: 10px
}.item - key - value span: last - child {
    float: right
}.arrow - right: after {
    color: #599bda;
    content: "";
    position: absolute;
    top: 50 % ;
    right: 15px;
    width: 7px;
    height: 7px;
    margin - top: -4px;
    border - style: solid;
    border - width: 2px 2px 0 0; - webkit - transform: rotate(45deg)
}.pho_detail_container {
    position: static;
    width: 100 % ;
    height: auto;
    overflow - x: hidden;
    top: 0;
    bottom: 44px;
    overflow - y: scroll; - webkit - overflow - scrolling: touch
}.pho_detail_container.topic - header - container {
    min - height: 102px;
    background: #fff
}.pho_detail_container.topic - header {
    padding: 15px 15px 0;
    background: #fff
}.pho_detail_container.topic - header.title {
    min - height: 14px;
    font - size: 17px;
    line - height: 22px
}.pho_detail_container.topic - header.title.title - icon {
    position: relative;
    top: 5px;
    float: left;
    width: 32px;
    height: 18px;
    line - height: 18px;
    background: #f68a42;
    font - size: 14px;
    margin - right: 6px;
    margin - top: -3px;
    border - radius: 2px;
    text - align: center;
    color: #fff
}.pho_detail_container.topic - header.content {
    position: relative;
    padding - top: 15px
}.pho_detail_container.topic - header.content.content - img {
    position: absolute;
    left: 0;
    top: 10px;
    width: 80px;
    height: 80px
}.pho_detail_container.topic - header.content.content - detail {
    position: relative;
    padding - top: 0;
    padding - bottom: 10px;
    font - size: 15px
}.pho_detail_container.topic - header.content.content - detail.detail - more - btn {
    float: right;
    margin - right: 3px;
    color: #324d82
}.pho_detail_container.topic - header.content.content - detail.time {
    margin - bottom: 3px
}.pho_detail_container.topic - header.content.items {
    position: relative;
    display: inline;
    height: 22px;
    font - size: 13px;
    color: gray;
    line - height: 22px
}.pho_detail_container.topic - header.content.items > span: first - child {
    margin - right: 10px
}.pho_detail_container.topic - detail {
    position: relative;
    padding: 0;
    line - height: 22px;
    color: #000;
    overflow: hidden
}.pho_detail_container.tab_header_container {
    position: relative;
    padding: 22px 0 0;
    background: #fff
}.pho_detail_container.tab_header_container: before {
    position: absolute;
    content: " ";
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    width: 100 % ;
    height: 1px; - webkit - transform: scaleY(0.5)
}.pho_detail_container.tab_header_container.tab_header {
    width: 100 % ;
    text - align: center;
    overflow: hidden;
    margin: 0 auto;
    height: 30px;
    display: -webkit - box
}.pho_detail_container.tab_header_container.tab_header > a {
    position: relative;
    height: 100 % ;
    display: block;
    color: gray; - webkit - box - flex: 1
}.pho_detail_container.tab_header_container.tab_header > a.active {
    color: #00a5e0
}.pho_detail_container.tab_header_container.tab_header > a.active: after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100 % ;
    background: #00a5e0
}.pho_detail_container.hot_tab,
.pho_detail_container.new_tab {
    background: #fff
}.pho_detail_container.pho - list {
    background: #fff;
    padding: 5px 0;
    overflow: hidden;
    margin: 0 auto;
    text - align: left;
    width: 310px;
    width: 97 %
}.pho_detail_container.pho - list > li {
    float: left;
    position: relative;
    display: inline - block;
    width: 152px;
    margin - bottom: 5px
}.pho_detail_container.pho - list > li: nth - child(odd) {
    margin: 0 5px 5px 0
}.pho_detail_container.pho - list > li.top - flag {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    text - align: center;
    background: url(http: //pub.idqqimg.com/qqun/xiaoqu/mobile/img/pho-left-flag.png?9a298112);background-size:100%;color:#fff;text-indent:-10px}.pho_detail_container .pho-list>li .pho-count-flag{position:absolute;right:0;top:0;width:35px;height:18px;background:rgba(0,0,0,.5);color:#fff;font-size:13px;text-align:center;line-height:18px;z-index:5}.pho_detail_container .pho-list>li .topic-img-wrap{position:relative;width:100%;height:100%;border-width:0;overflow:hidden;background:#e5e5e5}.pho_detail_container .pho-list>li .topic-img-wrap .item-title{position:absolute;left:0;bottom:0;width:100%;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:25px 5px 5px;text-align:left;line-height:25px;background:rgba(0,0,0,.5);background:-webkit-gradient(linear,top,bottom,from(transparent),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.7));background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,transparent),color-stop(100%,rgba(0,0,0,.7)))}.pho_detail_container .pho-list>li .topic-img-wrap .item-title .item-name{color:#fff;font-size:12px;width:40%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pho_detail_container .pho-list>li .topic-img-wrap .item-title .item-like{position:relative;float:right;font-size:12px;color:#fff;background:transparent;border:0;margin-top:1px;width:55%;display:block;text-align:right}.pho_detail_container .pho-list>li .topic-img-wrap .item-title .item-like .like-icon{position:relative;top:2px;display:inline-block;margin-right:4px;width:16px;height:16px;background-image:url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/pho_like.png?8798d525);background-size:100%;background-repeat:no-repeat}.pho_detail_container .pho-list>li .topic-img-wrap .item-title .item-like.liked .like-icon{-webkit-animation-duration:800ms;-webkit-animation-timing-function:ease;-webkit-animation-name:like-animate;background-image:url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/pho_liked.png?ff329841)}.pho_detail_container .pho-list>li .topic-img-wrap .item-title .item-like.liked-no-anim .like-icon{background-image:url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/pho_liked.png?ff329841)}.pho_detail_container .pho-list.hot>li:nth-child(1) .top-flag,.pho_detail_container .pho-list.hot>li:nth-child(2) .top-flag,.pho_detail_container .pho-list.hot>li:nth-child(3) .top-flag{z-index:5;display:block}.pho_detail_container .pho-list.hot>li:nth-child(1) .top-flag:before,.pho_detail_container .pho-list.hot>li:nth-child(2) .top-flag:before,.pho_detail_container .pho-list.hot>li:nth-child(3) .top-flag:before{position:absolute;left:10px;top:2px;color:#fff;width:10px;height:10px}.pho_detail_container .pho-list.hot>li:nth-child(1) .top-flag:before{content:"1"}.pho_detail_container .pho-list.hot>li:nth-child(2) .top-flag:before{content:"2"}.pho_detail_container .pho-list.hot>li:nth-child(3) .top-flag:before{content:"3"}.pho_detail_container .pho-list .article-item .topic-img{width:100%;height:100%;-webkit-filter:blur(4px);filter:blur(10px);opacity:.7}.pho_detail_container .pho-list .article-item .article-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.62)}.pho_detail_container .pho-list .article-item .article-wrapper .article-title{margin:25px 10px 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;font-weight:700;max-height:40px;overflow:hidden;line-height:20px}.pho_detail_container .pho-list .article-item .article-wrapper .article-title img{width:1.2em;height:1.2em}.pho_detail_container .pho-list .article-item .article-wrapper .article-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:50px;margin-left:10px;margin-right:10px;font-size:12px;line-height:17px}.pho_detail_container .pho-list .article-item .article-wrapper .article-content img{width:1.2em;height:1.2em}.pho_detail_container .pho-list .article-item .article-wrapper .article-content a{text-decoration:none;color:#0079ff}.pho_detail_container .pho-list .article-item .article-img{color:#fff}.pho_detail_container .pho-list .article-item .article-color .article-title{color:#000;font-weight:400}.pho_detail_container .pho-list .article-item .article-color .article-content{color:gray}.pho_detail_container .pho-list .article-item .article-color-0{background-color:#fcf4e4}.pho_detail_container .pho-list .article-item .article-color-1{background-color:#e0f3ec}.pho_detail_container .pho-list .article-item .article-color-2{background-color:#e4f0f7}.pho_detail_container .pho-list .article-item .article-color-3{background-color:#f8e9ee}.pho_detail_container .pho-list .article-item .article-item-title{position:absolute;left:0;bottom:0;width:100%;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:25px 5px 5px;text-align:left;line-height:25px}.pho_detail_container .pho-list .article-item .article-item-title .item-name{font-size:12px;width:40%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pho_detail_container .pho-list .article-item .article-item-title .item-like{position:relative;float:right;font-size:12px;background:transparent;border:0;margin-top:1px;width:55%;display:block;text-align:right}.pho_detail_container .pho-list .article-item .article-item-title .item-like .like-icon{position:relative;top:2px;display:inline-block;margin-right:4px;width:16px;height:16px;background-image:url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/pho_like_grey.png?ec918767);background-size:100%;background-repeat:no-repeat}.pho_detail_container .pho-list .article-item .article-item-title .item-like.liked .like-icon{-webkit-animation-duration:800ms;-webkit-animation-timing-function:ease;-webkit-animation-name:like-animate;background-image:url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/pho_liked.png?ff329841)}.pho_detail_container .pho-list .article-item .article-item-title .item-like.liked-no-anim .like-icon{background-image:url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/pho_liked.png?ff329841)}.pho_detail_container .pho-list .article-item-color .article-item-title{color:#a6a6a6}.pho_detail_container .pho-list .article-item-color .article-item-title .like-icon{background-image:url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/pho_like_grey.png?ec918767)}.pho_detail_container .pho-list .article-item-img .article-item-title{color:rgba(255,255,255,.7)}.pho_detail_container .pho-list .article-item-img .article-item-title .like-icon{background-image:url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/pho_like.png?8798d525)}.pho_detail_container #new-sys-tips,.pho_detail_container #hot-sys-tips{display:none;color:#A6A6A6;text-align:center;height:30px;background:#efeff4;padding-top:10px}.bottom-edit-tool{position:fixed;left:0;bottom:0;width:100%;height:44px;display:-webkit-box;-webkit-box-flex:1;box-flex:1;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fafafa));box-shadow:0 0 2px rgba(0,0,0,.3);z-index:10}.bottom-edit-tool:after{position:absolute;left:50%;top:10px;content:" ";width:1px;height:44px;background:#cacccd;-webkit-transform:scale(0.5,.5);-webkit-transform-origin:left top}.bottom-edit-tool>a{display:block;-webkit-box-flex:1;box-flex:1;width:100%;height:44px;text-align:center;vertical-align:middle;line-height:44px;font-size:16px;color:#777}.bottom-edit-tool>a span{text-align:center}.bottom-edit-tool>a.disable{opacity:.5}.bottom-edit-tool>a:last-child{border-right:0}.bottom-edit-tool>a .publish_icon{position:relative;display:inline-block;margin-right:5px;top:3px;width:21px;height:19px;background-image:url('');background-size:100%}.bottom-edit-tool>a .share_icon{position:relative;top:4px;display:inline-block;margin-right:5px;width:21px;height:21px;background-image:url('');background-size:100%}@-webkit-keyframes like-animate{from{transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(2);-webkit-transform:scale(2)}to{transform:scale(1);-webkit-transform:scale(1)}}
    